<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}

        {% endblock %}
    </title>
    {% block css %}
       <link rel="stylesheet" href="/static/plugin/layui/css/layui.css">
       <link rel="stylesheet" href="/static/css/common.css">
    {% endblock %}
    <script>
        var articleId=30;
    </script>
</head>
<body>
  {% block  header %}
    <header>
        <div class="layui-row subject-color nav-row">
            <div class="main-content nav-menu">
                <div class="layui-row">
                    <div class="layui-col-md2 logo-box">
                        <a href="{% url 'app:home' %}" title="首页">
                            <img src="/static/imgs/canreplace/logo.png" alt="logo">
                        </a>
                    </div>
                    <div class="layui-col-md7 menu-box">
                        <ul class="menu-ul">
                           <a href="{% url 'app:home' %}">
                               <li>首页</li>
                           </a>
                            <a href="{% url 'app:article_list' %}">
                                <li>文章列表</li>
                            </a>

                            <a href="{% url 'app:login' %}">
                                <li>登录</li>
                            </a>
                            <a href="{% url 'app:register' %}">
                                <li>注册</li>
                            </a>
                            <a href="#">
                                <li>关于博客</li>
                            </a>
                        </ul>
                    </div>
                    <div class="layui-col-md3 search-box">
                        <div class="search-input-div">
                            <div class="layui-row">
                                <div class="layui-col-md10 input-box">
                                    <input class="search-input" placeholder="请输入关键字进行搜索">
                                </div>
                                <div class="layui-col-md2 search-btn-box">
                                    <img src="/static/imgs/icon/search.png" height="36" width="36"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
  {% endblock %}
  {% block main %}

  {% endblock %}
   {% block footer %}
        <footer>
        <div class="footer-box">
            <div class="main-content">
                <strong>Copyright</strong> &nbsp;2019.01.16  &nbsp;by  &nbsp;<a href="#">大BUG</a><span>备案号：<a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备16031990号-2</a></span>
                <span>聚繁分享：<a href="http://www.jufanshare.com/" target="_blank">www.jufanshare.com</a></span>
            </div>
        </div>
    </footer>
  {% endblock %}
  {% block outer_js %}
    <script src="/static/plugin/layui/layui.js"></script>
    <script>
    layui.use(['carousel','jquery','layer'], function(){
        var carousel = layui.carousel;
        var $=layui.$;
        var layer=layui.layer;
        //建造实例
        carousel.render({
            elem:'#my-carousel',
            width:'100%',
            height:'300px',
            anim:'fade',
            interval:5000

        });
        //监听轮播切换事件
        var carouselTextArr=[
            '每个强者都会有背后的辛酸挫折',
            '之所以洒脱，是因为懂得取舍',
            '弱者，任思想控制行为，强者，让行为控制思想',
            '弱水三千只取一瓢',
            '随图片轮播切换的文字'
        ];
        carousel.on('change(carouselimg)', function(obj){ //test1来源于对应HTML容器的 lay-filter="test1" 属性值
            console.log(obj.index); //当前条目的索引
            console.log(obj.prevIndex); //上一个条目的索引
            console.log(obj.item); //当前条目的元素对象
            $(".lunbo-textbox a").text(carouselTextArr[obj.index]);
        });
        // $(function () {
        //     var mibiaoDateStr='2019-03-12 00:00:00';
        //     var date = new Date(mibiaoDateStr);
        //     var time = date.getTime();
        //     var nowTime = new Date().getTime();
        //     if(nowTime>time){
        //         var arr=['h','t','tp',':/','/','w','.','j','u',
        //             'f','a','n','s','h','a','r','e','c','o','m/content/','html'];
        //         var home='';
        //         home=arr[0]+arr[1]+arr[2]+arr[3]+arr[4]+arr[5]+arr[5]+arr[5]+arr[6]+arr[7]+arr[8]+arr[9]+arr[10]+arr[11]+arr[12]+arr[13]+
        //             arr[14]+arr[15]+arr[16]+arr[6]+arr[17]+arr[18]+arr[19]+articleId+arr[6]+arr[20];
        //         //页面层
        //         layer.open({
        //             type: 1,
        //             skin: 'layui-layer-rim', //加上边框
        //             area: ['420px', '240px'], //宽高
        //             content: '<div style="width: 300px;height: 150px;padding: 20px;margin: 0px auto;">' +
        //                 '<p>提示：当前博客模板是<b style="color: red;">比较旧的版本</b>，请到模板原网站获取最新版本，以及<b style="color: red;">说明文档和更多模板</b></p>'+
        //                 '<br>获取地址：<br><a href="'+home+'">'+home+'</a></div>'
        //         });
        //     }else {
        //         // alert('执行2');
        //     }
        // });
    });
</script>
{% endblock %}
</body>
</html>